import 'package:flutter/material.dart';

class EgImage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: "图片组件示例",
      home: Scaffold(
        appBar: AppBar(
          title: Text("图片组件演示"),
        ),
        body: new Center(
          child: new Image.network(
            "https://flutter.dev/assets/404/dash_nest-c64796b59b65042a2b40fae5764c13b7477a592db79eaf04c86298dcb75b78ea.png",
            fit: BoxFit.fitWidth,
//            color: Colors.brown,
          ),
        ),
      ),
    );
  }
}
/***
 * Image 组件
 * 构造函数：
 *  new Image : 从ImageProvider获取图片
 *  new Image.asset : 加载资源文件
 *  new Image.file : 加载本地文件
 *  new Image.network : 加载网络图片
 *  new Image.memory : 加载 Uint8List 资源图片
 *
 * 主要属性：
 *  fit ： 图片的填充方式
 *  color : 图片颜色(绘制到图片上一层颜色)
 *  alignment ：对齐方式
 *  centerSlice ：拉伸区域 类似于.9 图的规则
 *  repeat : 图片重复模式
 *  matchTextDirection : 与Directionality 配合使用控制图片 展示方向（从左到右/从右到左）
 *  gaplessPlayback:当ImageProvider发生变化时，重新加载过程原图片是否保留
 * */
